Adwaita: simplify mixed buttons styling
authorLapo Calamandrei <calamandrei@gmail.com>
Fri, 26 Feb 2016 12:07:09 +0000 (13:07 +0100)
committerLapo Calamandrei <calamandrei@gmail.com>
Fri, 26 Feb 2016 12:07:09 +0000 (13:07 +0100)
gtk/theme/Adwaita/_common.scss
gtk/theme/Adwaita/gtk-contained-dark.css
gtk/theme/Adwaita/gtk-contained.css

index 56877445ad15981f6f764ea7c3cca3047048b0ee..294267287b84568b85cc9d7fc7c47de0e4671b95 100644 (file)
@@ -457,24 +457,10 @@ button {
     }
 
     &.text-button.image-button {
-      // those buttons needs uneven horizontal padding, we want the icon side
-      // to have the image-button padding, while the text side the text-button
-      // one, so we're adding the missing padding to the label depending on
-      // its position inside the button
-      padding-left: 0;
-      padding-right: 0;
-
-      label:first-child {
-        padding-left: 16px;
-        padding-right: 0;
-      }
-
-      label:last-child {
-        padding-left: 0;
-        padding-right: 16px;
-      }
+      padding-left: 8px;
+      padding-right: 8px;
 
-      image {
+      label {
         padding-left: 8px;
         padding-right: 8px;
       }
index 3b13a93ff9aafd55f70e55e6781b43bc0c2e9eb4..62094f69d55886c7984b274bbd9b8872cdb986b9 100644 (file)
@@ -489,18 +489,10 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
     padding-right: 16px; }
   notebook > header > tabs > arrow.text-button.image-button, headerbar button.text-button.image-button.titlebutton,
   .titlebar button.text-button.image-button.titlebutton, button.text-button.image-button {
-    padding-left: 0;
-    padding-right: 0; }
-    notebook > header > tabs > arrow.text-button.image-button label:first-child, headerbar button.text-button.image-button.titlebutton label:first-child,
-    .titlebar button.text-button.image-button.titlebutton label:first-child, button.text-button.image-button label:first-child {
-      padding-left: 16px;
-      padding-right: 0; }
-    notebook > header > tabs > arrow.text-button.image-button label:last-child, headerbar button.text-button.image-button.titlebutton label:last-child,
-    .titlebar button.text-button.image-button.titlebutton label:last-child, button.text-button.image-button label:last-child {
-      padding-left: 0;
-      padding-right: 16px; }
-    notebook > header > tabs > arrow.text-button.image-button image, headerbar button.text-button.image-button.titlebutton image,
-    .titlebar button.text-button.image-button.titlebutton image, button.text-button.image-button image {
+    padding-left: 8px;
+    padding-right: 8px; }
+    notebook > header > tabs > arrow.text-button.image-button label, headerbar button.text-button.image-button.titlebutton label,
+    .titlebar button.text-button.image-button.titlebutton label, button.text-button.image-button label {
       padding-left: 8px;
       padding-right: 8px; }
 button.osd {
index e8e2ee638edf881fb17948a820f6391225427f96..4544b3a51578ba3c7846393f80286f9147e40ae2 100644 (file)
@@ -489,18 +489,10 @@ notebook > header > tabs > arrow, headerbar button.titlebutton,
     padding-right: 16px; }
   notebook > header > tabs > arrow.text-button.image-button, headerbar button.text-button.image-button.titlebutton,
   .titlebar button.text-button.image-button.titlebutton, button.text-button.image-button {
-    padding-left: 0;
-    padding-right: 0; }
-    notebook > header > tabs > arrow.text-button.image-button label:first-child, headerbar button.text-button.image-button.titlebutton label:first-child,
-    .titlebar button.text-button.image-button.titlebutton label:first-child, button.text-button.image-button label:first-child {
-      padding-left: 16px;
-      padding-right: 0; }
-    notebook > header > tabs > arrow.text-button.image-button label:last-child, headerbar button.text-button.image-button.titlebutton label:last-child,
-    .titlebar button.text-button.image-button.titlebutton label:last-child, button.text-button.image-button label:last-child {
-      padding-left: 0;
-      padding-right: 16px; }
-    notebook > header > tabs > arrow.text-button.image-button image, headerbar button.text-button.image-button.titlebutton image,
-    .titlebar button.text-button.image-button.titlebutton image, button.text-button.image-button image {
+    padding-left: 8px;
+    padding-right: 8px; }
+    notebook > header > tabs > arrow.text-button.image-button label, headerbar button.text-button.image-button.titlebutton label,
+    .titlebar button.text-button.image-button.titlebutton label, button.text-button.image-button label {
       padding-left: 8px;
       padding-right: 8px; }
 button.osd {